<!DOCTYPE html>
<html lang="en">
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

<!-- Favicon Icon -->
<link rel="shortcut icon" href="assets/images/favicon.png" />

<!-- inject css start -->

<link href="assets/css/theme-plugin.css" rel="stylesheet" />
<link href="assets/css/theme.min.css" rel="stylesheet" />

<!-- inject css end -->

</head>

<body>

<!-- page wrapper start -->

<div class="page-wrapper">
  
<!-- preloader start -->

<div id="ht-preloader">
  <div class="loader clear-loader">
    <img class="img-fluid" src="assets/images/loader.gif" alt="">
  </div>
</div>

<!-- preloader end -->


<!--header start-->

<header class="site-header header-1">
    <div class="header-top bg-dark-1 py-0">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-12 d-flex align-items-center justify-content-between text-white">
            <div class="d-none d-md-flex align-items-center call-info">
              <div class="d-flex align-items-center">
                <div class="text-white offer-text"><small><span>60%</span> discount on womens collection</small> </div>
                <div class="language-selection">
                  <div class="d-flex align-items-center justify-content-center justify-content-md-end">
                    <div class="ml-3 mr-3">
                      <select name="countries" class="custome_select">
                        <option value='USD' data-title="USD">USD</option>
                        <option value='EUR' data-title="EUR">EUR</option>
                        <option value='GBR' data-title="GBR">GBR</option>
                      </select>
                    </div>
                    <div class="lng_dropdown">
                      <select name="countries" class="custome_select">
                        <option value='en' data-image="assets/images/eng.png" data-title="English">English</option>
                        <option value='fn' data-image="assets/images/fn.png" data-title="France">France</option>
                        <option value='us' data-image="assets/images/us.png" data-title="United States">United States</option>
                      </select>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="d-flex align-items-center">
              <div class="social-icons">
                <ul class="list-inline mb-0">
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-facebook-f"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-twitter"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-linkedin-in"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-instagram"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-pinterest-p"></i></a> </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="header-wrap">
      <div class="container">
        <div class="row"> 
          <!--menu start-->
          <div class="col">
            <nav class="navbar navbar-expand-lg navbar-light position-static"> <a class="navbar-brand logo" href="index.html"> <img class="img-fluid" src="assets/images/logo.png" alt=""> </a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
              <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ml-auto mr-auto">
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#" data-toggle="dropdown">Home</a>
                    <ul class="dropdown-menu">
                      <li><a href="index.html">Fashion 1</a> </li>
                      <li><a href="index-2.html">Fashion 2</a> </li>
                      <li><a href="index-3.html">Fashion 3</a> </li>
                      <li><a href="index-4.html">Electronics</a> </li>
                      <li><a href="index-5.html">Organic</a> </li>
                      <li><a href="index-6.html">Furniture</a> </li>
                      <li><a href="index-7.html">Kids</a> </li>
                      <li><a href="index-8.html">Car Dealer</a> </li>
                   </ul>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#">Categories</a>
                    <div class="dropdown-menu w-100"> 
                      <!-- Tabs -->
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-lg-8 p-lg-3">
                            <div class="row">
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Clothing</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Western Wear</a></li>
                                  <li> <a href="#">Fitness &amp; Outdoors</a></li>
                                  <li> <a href="#">Ethnic Wear</a></li>
                                  <li> <a href="#">Beach Clothing</a></li>
                                  <li> <a href="#">Swimsuits</a></li>
                                  <li> <a href="#">Casual Dresses</a></li>
                                  <li> <a href="#">Raincoats</a></li>
                                  <li> <a href="#">Maternity</a></li>
                                  <li> <a href="#">Lingerie</a></li>
                                  <li> <a href="#">Sleep &amp; Lounge Wear</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Accessories</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Caps &amp; Hats</a> </li>
                                  <li> <a href="#">Gloves &amp; Arm Warmers</a></li>
                                  <li> <a href="#">Earmuffs</a></li>
                                  <li> <a href="#">Handkerchiefs</a></li>
                                  <li> <a href="#">Shawls</a></li>
                                  <li> <a href="#">Belts</a></li>
                                  <li> <a href="#">Suspenders</a></li>
                                  <li> <a href="#">Wallets</a></li>
                                  <li> <a href="#">Pocket Squares</a></li>
                                  <li> <a href="#">Watches</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Jwellery</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Earrings</a> </li>
                                  <li> <a href="#">Chains &amp; Necklaces</a></li>
                                  <li> <a href="#">Bangles &amp; Bracelets</a></li>
                                  <li> <a href="#">Pendants</a></li>
                                  <li> <a href="#">Anklets</a></li>
                                  <li> <a href="#">Coins &amp; Bars</a></li>
                                  <li> <a href="#">Nose Rings &amp; Pins</a></li>
                                  <li> <a href="#">Beads &amp; Charms</a></li>
                                  <li> <a href="#">Shirt Accessories</a></li>
                                  <li> <a href="#">Chains</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Shoes</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-0">
                                  <li> <a href="#">Running Shoes</a> </li>
                                  <li> <a href="#">Sneakers</a></li>
                                  <li> <a href="#">Loafers &amp; Moccasins</a></li>
                                  <li> <a href="#">Boots</a></li>
                                  <li> <a href="#">Formal Shoes</a></li>
                                  <li> <a href="#">Hiking Footwear</a></li>
                                  <li> <a href="#">Casual Shoes</a></li>
                                  <li> <a href="#">Ethnic Footwear</a></li>
                                  <li> <a href="#">Fashion Slippers</a></li>
                                  <li> <a href="#">Ballet Flats</a></li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-4 d-none d-lg-block pr-2"> <img class="img-fluid rounded-bottom rounded-top" src="assets/images/header-img.jpg" alt="..."> </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Shop</a>
                    <div class="dropdown-menu w-100 custom-drop">
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Shop Layout</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-grid.html">Product Grid</a> </li>
                              <li> <a href="product-grid-left-sidebar.html">Product Grid Left Sidebar</a> </li>
                              <li> <a href="product-grid-right-sidebar.html">Product Grid Right Sidebar</a> </li>
                              <li> <a href="product-list.html">Product List</a> </li>
                              <li> <a href="product-list-left-sidebar.html">Product List Left Sidebar</a> </li>
                              <li> <a href="product-list-right-sidebar.html">Product List Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Product Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-default.html">Product Default</a> </li>
                              <li> <a href="product-default-right-image.html">Product Default Right Image</a> </li>
                              <li> <a href="product-left-image.html">Product Left Image</a> </li>
                              <li> <a href="product-right-image.html">Product Right Image</a> </li>
                              <li> <a href="product-left-sidebar.html">Product Left Sidebar</a> </li>
                              <li> <a href="product-right-sidebar.html">Product Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Other Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="shopping-cart.html">Shopping Cart</a> </li>
                              <li> <a href="checkout.html">Checkout</a> </li>
                              <li> <a href="my-account.html">My Account</a> </li>
                              <li> <a href="wishlist.html">Wishlist</a> </li>
                              <li> <a href="compare.html">Compare</a> </li>
                              <li> <a href="order-complete.html">Order Completed</a> </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Pages</a>
                    <ul class="dropdown-menu">
                      <li> <a href="about-us.html">About Us</a> </li>
                      <li> <a href="login.html">Login</a> </li>
                      <li> <a href="signup.html">Signup</a> </li>
                      <li> <a href="forgot-password">Forgot Password</a> </li>
                      <li> <a href="coming-soon.html">Coming Soon</a> </li>
                      <li> <a href="error-404.html">404 Error</a> </li>
                      <li> <a href="faq.html">FAQ</a> </li>
                      <li> <a href="privacy-policy.html">Privacy Policy</a> </li>
                      <li> <a href="terms-and-conditions.html">Term & Conditions</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Blog</a>
                    <ul class="dropdown-menu">
                      <li><a href="blog-grid.html">Blog Grid</a> </li>
                      <li><a href="blog-grid-left.html">Blog Grid Left</a> </li>
                      <li><a href="blog-grid-right.html">Blog Grid Right</a> </li>
                      <li><a href="blog-list-left.html">Blog List Left</a> </li>
                      <li><a href="blog-list-right.html">Blog List Right</a> </li>
                       <li><a href="blog-detail.html">Blog Detail</a> </li>
                       <li><a href="blog-detail-left.html">Blog Detail Left</a> </li>
                       <li><a href="blog-detail-right.html">Blog Detail Right</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item"> <a class="nav-link" href="contact-us.html">Contact</a> </li>
                </ul>
              </div>
              <div class="right-nav align-items-center d-flex justify-content-end">
                <div class="mr-1 mr-sm-3 search-block"> <a href="javascript:void(0);" class="search_trigger ml-3"><i class="las la-search"></i></a>
                  <div class="search_wrap container"> <span class="close-search"><i class="ion-ios-close-empty"></i></span>
                    <form>
                      <input type="text" placeholder="Search" class="form-control" id="search_input">
                      <button type="submit" class="search_icon"><i class="las la-search"></i></button>
                    </form>
                  </div>
                </div>
                <a class="mr-1 mr-sm-3" href="#"><i class="las la-user-alt"></i></a> <a class="mr-3 d-none d-sm-inline" href="#"><i class="lar la-heart"></i></a>
                <div class="dropdown cart_dropdown"> <a class="d-flex align-items-center" href="#"> <span class="bg-white pr-2 pl-0 py-1 rounded" data-cart-items="2"> <i class="las la-shopping-bag"></i> </span> </a>
                  <div class="cart_box dropdown-menu dropdown-menu-right">
                    <ul class="cart_list">
                      <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p8.jpg" alt="cart_thumb1">Unpaired Running Shoes</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>78.00</span> </li>
                      <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p12.jpg" alt="cart_thumb2">Unpaired Running Shoes</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span> </li>
                    </ul>
                    <div class="cart_footer">
                      <p class="cart_total"><strong>Subtotal:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>159.00</p>
                      <p class="cart_buttons"><a href="#" class="btn btn-secondary view-cart ml-2 mr-2">View Cart</a><a href="#" class="btn btn-primary ml-2 mr-2 checkout">Checkout</a></p>
                    </div>
                  </div>
                </div>
              </div>
            </nav>
          </div>
          <!--menu end--> 
        </div>
      </div>
    </div>
  </header>

<!--header end-->


<!--hero section start-->

<section class="bg-light py-6">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6">
        <h1 class="h2 mb-0">Blog Grid Left Sidebar</h1>
      </div>
      <div class="col-md-6 mt-3 mt-md-0">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-md-end bg-transparent p-0 m-0">
            <li class="breadcrumb-item"><a class="link-title" href="#">Home</a>
            </li>
            <li class="breadcrumb-item"><a class="link-title" href="#">Blog</a></li>
            <li class="breadcrumb-item active text-primary" aria-current="page">Blog Grid Left Sidebar</li>
          </ol>
        </nav>
      </div>
    </div>
    <!-- / .row -->
  </div>
  <!-- / .container -->
</section>

<!--hero section end--> 


<!--body content start-->

<div class="page-content">

<!--blog start-->

<section>
  <div class="container">
    <div class="row">
    <div class="col-12 col-lg-8 mb-6 mb-lg-0 order-lg-1">
    <div class="row">
      <div class="col-12 col-lg-6 col-md-6">
      
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">05 Feb</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/01.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-6 col-md-6 mt-5 mt-md-0">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">09 Mar</div>
              <video id="clip1" class="rounded" width="100%" muted="" autoplay preload="" loop poster="assets/images/blog/video-image.jpg" style="object-fit: cover; min-height:240px;
    z-index: -100;">
                <source src="assets/images/blog/fashion-videos.mp4" type="video/mp4">
              </video>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Clothing,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Footwear,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Accessories</a> </div>
                <h2 class="h5 font-w-5 mt-2"> <a class="link-title" href="blog-single.html">Premium template with unlimited colours, and fully Customizable</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-6 col-md-6 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden bg-light-4">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">12 Mar</div>
                <div class="loader-container">
                  <div class="rectangle-1"></div>
                  <div class="rectangle-2"></div>
                  <div class="rectangle-3"></div>
                  <div class="rectangle-4"></div>
                  <div class="rectangle-5"></div>
                  <div class="rectangle-6"></div>
                  <div class="rectangle-5"></div>
                  <div class="rectangle-4"></div>
                  <div class="rectangle-3"></div>
                  <div class="rectangle-2"></div>
                  <div class="rectangle-1"></div>
                </div>
                <audio controls autoplay="" style="object-fit: cover; min-width:350px">
                  <source src="assets/images/blog/audio.mp3" type="audio/mpeg">
                </audio>
              </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Sleepwear,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Jwellery,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Fashion</a> </div>
                <h2 class="h5 font-w-5 mt-2"> <a class="link-title" href="blog-single.html">Awesome template with lot's of features on the board!</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-6 col-md-6 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">18 May</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/04.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">The best accessories to add into your wardrobe before summer</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-6 col-md-6 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">27 May</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/06.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">Recognizing the need is the primary condition for design</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-6 col-md-6 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">13 June</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/05.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">Cruelty is one fashion statement we can all do without</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-6 col-md-6 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">19 June</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/08.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">I design to make women feel confident and beautiful fashion</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      <div class="col-12 col-lg-6 col-md-6 mt-5">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">07 Jul</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/07.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a> </h2>
              </div>
              <div></div>
            </div>
        <!-- End Blog Card -->
      </div>
      
      </div>
      </div>
      <div class="col-12 col-lg-4 blog-sidebar">
      <form class="form-inline my-2 my-lg-0">
          <input class="form-control col" type="search" placeholder="Search" aria-label="Search">
          <button class="btn my-2 my-sm-0 col-auto" type="submit"><i class="las la-search"></i></button>
        </form>
        <div class="">
          <div class="widget border p-4 rounded mt-5">
            <h5 class="mb-4">Most Popular Posts</h5>
            <article class="mt-0">
              <div class="media align-items-top">
                <img src="assets/images/blog/08.jpg" class="mr-3 mt-1" alt="...">
                <div class="media-body">
                  <h6>
                      <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a>
                    </h6>
                  <a class="d-inline-block text-grey small font-w-4" href="#">07 April 2020</a>
                </div>
              </div>
            </article>
            <article class="mt-4">
              <div class="media align-items-top">
                <img src="assets/images/blog/07.jpg" class="mr-3 mt-1" alt="...">
                <div class="media-body">
                  <h6>
                      <a class="link-title" href="blog-single.html">Recognizing the need is the primary condition for design</a>
                    </h6>
                  <a class="d-inline-block text-grey small font-w-4" href="#">21 May 2020</a>
                </div>
              </div>
            </article>
            <article class="mt-4">
              <div class="media align-items-top">
                <img src="assets/images/blog/09.jpg" class="mr-3 mt-1" alt="...">
                <div class="media-body">
                  <h6>
                      <a class="link-title" href="blog-single.html">I design to make women feel confident and beautiful fashion</a>
                    </h6>
                  <a class="d-inline-block text-grey small font-w-4" href="#">13 June 2020</a>
                </div>
              </div>
            </article>
          </div>
          <div class="widget border p-4 rounded mt-5">
            <h5 class="mb-4">Categories</h5>
            <ul class="list-unstyled list-group-flush">
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                 PhotoShop
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">47</span>
                </a>
              </li>
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                 Foods and Drinks
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">13</span>
                </a>
              </li>
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                 Illustration
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">59</span>
                </a>
              </li>
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                  Technology
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">62</span>
                </a>
              </li>
               <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                  Ecommerce
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">89</span>
                </a>
              </li>

            </ul>
          </div>
          <div class="widget border p-4 rounded mt-5">
            <h5 class="mb-4">Tags</h5>
           <div> <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">bootstrap</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">ecommerce</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">fashion</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">shop</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">creative</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">responsive</a>

            </div>
          </div>
          <div class="widget banner">
            
            <div class="position-relative rounded overflow-hidden mt-5"> 
            <!-- Background --> 
            <img class="img-fluid hover-zoom" src="assets/images/product-ad/02.jpg" alt=""> 
            <!-- Body -->
            <div class="position-absolute top-50 pl-4">
              <h6 class="text-dark">Todays Deals</h6>
              <!-- Heading -->
              <h4 class="font-w-6 text-dark">Accessories <br>
                Special</h4>
              <!-- Link --> <a class="more-link text-dark" href="#">Shop Now </a> </div>
          </div>
          
          
          <div class="position-relative rounded overflow-hidden mt-5"> 
            <!-- Background --> 
            <img class="img-fluid hover-zoom" src="assets/images/product-ad/03.jpg" alt=""> 
            <!-- Body -->
            <div class="position-absolute top-50 pl-5">
              <h6 class="text-dark">Hot Deals</h6>
              <!-- Heading -->
              <h4 class="font-w-6">Handbags<br>
                Design</h4>
              <!-- Link --> <a class="more-link text-dark" href="#">Shop Now </a> </div>
          </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row mt-10">
      <div class="col-12">
        <nav aria-label="Page navigation">
          <ul class="pagination justify-content-center">
            <li class="page-item"><a class="page-link" href="#">Previous</a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a>
            </li>
            <li class="page-item"><a class="page-link" href="#">2</a>
            </li>
            <li class="page-item"><a class="page-link" href="#">3</a>
            </li>
            <li class="page-item"><a class="page-link" href="#">Next</a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</section>

<!--blog end-->

 <!--multi sec start-->
    
    <section class="bg-pink py-9 position-relative overflow-hidden">
      <div class="container">
        <div class="row justify-content-center text-center mb-1">
          <div class="col-lg-6 col-md-10">
            <div class="mb-4">
              <h2 class="mb-0">Be the first and get weekly updates</h2>
            </div>
            <div class="subscribe-form">
              <form id="mc-form" class="row align-items-center no-gutters mb-3">
                <div class="col">
                  <input value="" name="EMAIL" class="email form-control input-2 bg-white" placeholder="Email Address" required type="email">
                </div>
                <div class="col-auto">
                  <input class="btn dark-btn overflow-auto" name="subscribe" value="Subscribe" type="submit">
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--multi sec end--> 

</div>

<!--body content end--> 


<!--footer start-->

 <footer class="py-11 bg-dark-1">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-4"> <a class="footer-logo text-white h2 mb-0" href="index.html"> <img class="img-fluid" src="assets/images/footer-logo.png" alt=""> </a>
          <p class="my-3 text-muted pr-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in velit a nibh ullamcorper dictum a malesuada ex. Donec sit amet volutpat nunc.</p>
          <ul class="list-inline mb-0">
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-facebook"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-dribbble"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-instagram"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-twitter"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-linkedin"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class=" lab la-pinterest-p"></i></a> </li>
          </ul>
        </div>
        <div class="col-12 col-lg-8 mt-6 mt-lg-0">
          <div class="row">
            <div class="col-12 col-sm-4 navbar-white">
              <h6 class="mb-4 text-white font-w-5">Quick Links</h6>
              <ul class="navbar-nav list-unstyled mb-0">
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Shipment</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="about-us-1.html">About</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="shop-grid-left-sidebar.html">Shop</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="faq.html">Faq</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="blog-card.html">Blogs</a> </li>
                <li class="nav-item"><a class="nav-link text-muted font-w-4" href="contact-us.html">Contact Us</a> </li>
              </ul>
            </div>
            <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
              <h6 class="mb-4 text-white font-w-5">Information</h6>
              <ul class="navbar-nav list-unstyled mb-0">
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="terms-and-conditions.html">Term Of Service</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="privacy-policy.html">Privacy Policy</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Support</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Orders History</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Your Account</a> </li>
                <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Suppliers</a> </li>
              </ul>
            </div>
            <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
              <h6 class="mb-4 text-white font-w-5">Shopping Guide</h6>
              <ul class="navbar-nav list-unstyled mb-0">
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Site Map</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Search Terms</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Advanced Search</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Return policy</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Where is my order?</a> </li>
                <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Our Story</a> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="row pt-9">
        <div class="col-lg-4 col-md-6 col-sm-12">
          <div class="d-flex footer-box">
            <div class="mr-4"> <i class="las la-map-marker-alt ic-2x icon-img"></i> </div>
            <div>
              <h6 class="mb-1 text-white font-w-5">Location</h6>
              <p class="mb-0 font-w-4 text-muted">Flipmarto, 789 Main rd, Anytown,
                CA 12345 USA</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
          <div class="d-flex footer-box">
            <div class="mr-4"> <i class="las la-envelope ic-2x icon-img"></i> </div>
            <div>
              <h6 class="mb-1 text-white font-w-5">Email us</h6>
              <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> themesground@gmail.com</a><br>
              <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> flipmarto@gmail.com</a> </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-12 col-sm-12 mt-md-3 mt-lg-0">
          <div class="d-flex footer-box">
            <div class="mr-4"> <i class="las la-mobile ic-2x icon-img"></i> </div>
            <div>
              <h6 class="mb-1 text-white font-w-5">24/7 Support Service</h6>
              <p class="mb-0 font-w-4 text-muted">Call for styling advice on <br>
                +123 1234 5678 </p>
            </div>
          </div>
        </div>
      </div>
      <div class="row text-muted align-items-center pt-9">
        <div class="col-md-7 font-w-4"><small>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></small> </div>
        <div class="col-md-5 text-md-right mt-3 mt-md-0">
          <ul class="list-inline mb-0">
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/01.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/02.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/03.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/04.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/05.png" alt=""> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>

<!--footer end-->

</div>

<!-- page wrapper end -->



<!-- Quick View Modal -->
<div class="modal fade view-modal" id="quick-view" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header border-bottom-0 pb-0">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row align-items-center">
          <div class="col-lg-5 col-12">
            <img class="img-fluid rounded" src="assets/images/product/large/01.jpg" alt="" />
          </div>
          <div class="col-lg-7 col-12 mt-5 mt-lg-0">
            <div class="product-details">
              <h3 class="mb-0">Women Sweater</h3>
              <div class="star-rating mb-4"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
              </div> <span class="product-price h4">$25.00 <del class="text-muted h6">$35.00</del></span>
              <ul class="list-unstyled my-4">
                <li class="mb-2">Availibility: <span class="text-muted"> In Stock</span> 
                </li>
                <li>Categories :<span class="text-muted"> Women's</span>
                </li>
              </ul>
              <p class="mb-4">Nulla eget sem vitae eros pharetra viverra Nam vitae luctus ligula suscipit risus nec eleifend Pellentesque eu quam sem, ac malesuada</p>
              <div class="d-sm-flex align-items-center mb-5">
                <div class="d-flex align-items-center mr-sm-4">
                  <button class="btn-product btn-product-up"> <i class="las la-minus"></i>
                  </button>
                  <input class="form-product" type="number" name="form-product" value="1">
                  <button class="btn-product btn-product-down"> <i class="las la-plus"></i>
                  </button>
                </div>
                <select class="custom-select mt-3 mt-sm-0" id="inputGroupSelect01">
                  <option selected>Size</option>
                  <option value="1">XS</option>
                  <option value="2">S</option>
                  <option value="3">M</option>
                  <option value="3">L</option>
                  <option value="3">XL</option>
                  <option value="3">XXL</option>
                </select>
                <div class="d-flex text-center ml-sm-4 mt-3 mt-sm-0">
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter01" name="Radios">
                    <label class="form-check-label" for="color-filter01" data-bg-color="#3cb371"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter02" name="Radios" checked>
                    <label class="form-check-label" for="color-filter02" data-bg-color="#4876ff"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter03" name="Radios">
                    <label class="form-check-label" for="color-filter03" data-bg-color="#0a1b2b"></label>
                  </div>
                  <div class="form-check pl-0">
                    <input type="radio" class="form-check-input" id="color-filter04" name="Radios">
                    <label class="form-check-label" for="color-filter04" data-bg-color="#f94f15"></label>
                  </div>
                </div>
              </div>
              <div class="d-sm-flex align-items-center mt-5">
                <button class="btn btn-primary btn-animated mr-sm-4 mb-3 mb-sm-0"><i class="las la-shopping-cart mr-1"></i>Add To Cart</button>
                <a class="btn btn-animated btn-dark" href="#"> <i class="lar la-heart mr-1"></i>Add To Wishlist</a>
              </div>
              <div class="d-sm-flex align-items-center border-top pt-4 mt-5">
                <h6 class="mb-sm-0 mr-sm-4">Share It:</h6>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-facebook"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-dribbble"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-instagram"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-twitter"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-linkedin"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Subscribe Modal -->
<div class="modal fade newsletter" id="mailchimpModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="ion-ios-close-empty"></i>
        </button>
      <div class="modal-body p-3 text-center">
        <div class="mb-2">
          <img class="img-fluid" src="assets/images/bg/newsletter.jpg" alt="">
          <h2 class="mb-0">Join our newsletter and get 20% discount</h2>
        </div>
        <div class="subscribe-form mx-7 mb-4">
          <form id="mc-form1" class="row align-items-center no-gutters mb-3">
            <div class="col">
              <input value="" name="EMAIL" class="email form-control input-2 bg-white" placeholder="Enter your email..." required type="email">
            </div>
            <div class="col-auto">
              <input class="btn btn-primary overflow-auto" name="subscribe" value="Subscribe" type="submit">
            </div>
          </form> 
          <small class="bottom-text">
          <input name="notshowpopup" id="notshowpopup" type="checkbox">
          Don’t show this popup again</small>
        </div>
      </div>
    </div>
  </div>
</div>

 
<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end-->

<!-- inject js start -->

<script src="assets/js/jquery-3.5.1.min.js"></script> <script src="assets/js/popper.min.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="assets/js/owl.carousel.min.js"></script> 
<script src="assets/js/light-slider.js"></script> 
<script src="assets/js/parallax.js"></script> 
<script src="assets/js/magnific-popup.min.js"></script> 
<script src="assets/js/jquery.countdown.min.js"></script> 
<script src="assets/js/jquery.dd.min.js"></script> 
<script src="assets/js/validator.js"></script> 
<script src="assets/js/wow.js"></script> 
<script src="assets/js/theme-script.js"></script> 

<!-- inject js end -->

</body>
</html>
